﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>花间语 | 我的粉丝</title>
<link href="/static/index/css/css_whir.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/index/font/iconfont.css">
<link href="/static/index/css/user.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
<script type="text/javascript"  src="/static/index/js/nav.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.SuperSlide.2.1.1.js"></script>
<!-- <script type="text/javascript" src="/static/index/js/jquery-1.8.3.min.js"></script> -->
</head>
<body>
<!--头部-->
<div id="header">
  <div class="top_bg">
    <div class="logo"><a href="#"><img src="/static/index/imgs/logo.jpg" width="150" height="126" /></a></div>
    <div class="top">
      <!--导航-->
      <!-- {block name="header"} -->
      <div class="guide">
        <div class="welcom">Welcome to fantasy_dream !　</div>
        <div class="login">
  
            {empty name="session.hmy_user"}
            <a href="{:url('index/Login/index')}">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="{:url('index/Register/index')}">注册</a>
            {else /}

            {empty name="session.hmy_user.name"}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.tel}主页"> | 您好,{$Request.session.hmy_user.tel}</a>

            {else /}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.name}主页"> 您好,{$Request.session.hmy_user.name}</a>

            {/empty}

             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:url('index/Login/outlogin')}">注销</a>

             {/empty}
        </div>
        <!-- <div class="shopcart">购物车（<a href="会员中心.html">0</a>）</div> -->
        <div class="searchbox">
          <input type="text" value="" name="" class="input" />
          <input type="image" src="/static/index/imgs/sbtn.jpg"  class="btn"/>
        </div>
      </div>
      <!-- {/block} -->
      <!--菜单导航-->
      <div class="nav">
        <ul id="navul" class="cl">
          <li><a href="{:url('index/index/index')}">首页</a></li>
          {volist name="category" id="v"}
          <li class="navmenu"><a href="{:url('index/Index/lists',['id'=>$v['id']])}">{$v['name']}</a>
          </li>
          {/volist}
        </ul>
    <script type="text/javascript">
   
             $(document).ready(function(){
            //  $('.hyinfo li ').hover(function(){$(this).find('.subbox').stop(true,true).slideToggle(); });
              $('.navmenu').mouseenter(function(){

            $(this).find('.subnav').css("display","block");//you can give it a speed

              });
              $('.navmenu').mouseleave(function(){
            $(this).find('.subnav').css("display","none");

              //jQuery(this).css("background-image", "none");
               
              });
              
            });

        </script>
      </div>
    </div>
  </div>
</div>

{block name="main"}
<!--中间内容-->
<div class="hymain">
  <div class="position">您当前的位置：<em>我的评论</em></div> 

  <!--近期订单-->
  <div class="titlei1"><h1>我的评论<font color="green">({$comment_num})</font></h1></div>

      {volist name="comment" id="v"}
    <div class="comment" style="width:1040px;margin-bottom: 10px;">
      <div class="centent">
        
        <div class="comment-left" style="width:143px">
          <img src="http://phv2jzzej.bkt.clouddn.com/{$v.icon}" alt="" width="70" height="70">
          <div class="img-bttom" style="width:42px">{$v.name}</div>
          
        </div>
        <div class="comment-right">
          <div class="centent-top">评价:{$v['content']} <span style="float:right">{$v['commenttime']}</span></div>
      
          <div class="centent-bottom">作者回复:{$v['reply']}
            <button class="btn1" id="showModel" style="float:right;width:50px;height:20px;line-height: 20px;font-size:14px;">回复</button>
            <div id="modal" class="modal">
                <div class="modal-content">
                  <header class="modal-header">
                    <h4>上传文件</h4>
                    <span class="close">×</span>
                  </header>
                  <div class="modal-body">
                    <form action="{:url('index/Index/reply')}">
                      <table>
                        <label for="" style="margin-top: 20px;">
                          <td>评论内容:</td>
                        </label>
                        <label for="">
                          <tr>
                            <td>
                              <input type="hidden" name="pid" value="{$v['pid']}">
                              <input type="hidden" name="id" value="{$v['id']}">
                              <textarea name="reply" id="" cols="80" rows="10" style="margin-left: 50px">
                                
                              </textarea>
                              <!-- <input type="text" name="name" class="namefile"/> -->
                            </td>
                          </tr>
                        </label>
                      </table>
                  </div>
                    <footer class="modal-footer">
                      <div id="cancel" style="line-height: 26px">取消</div>
                      <button id="sure">提交</button>
                    </footer>
                    </form>
                </div>
              </div>


      <script>
          var btn = document.getElementById('showModel');
          var close = document.getElementsByClassName('close')[0];
          var cancel = document.getElementById('cancel');
          var modal = document.getElementById('modal');

          $('.btn1').click(function(){
              modal.style.display = "block";

          });

          close.addEventListener('click', function(){
              modal.style.display = "none";
          });

          cancel.addEventListener('click', function(){
              modal.style.display = "none";
          });
      </script>
    </div>
          </div>

        </div>

      </div>
    </div>
      {/volist}


</div> 
{/block}
<!--底部-->
<div id="footer">
  <div class="f_nav">
    <div class="item">
      <dl>
        <dt>service</dt>
        <dd><a href="#">联系客服</a></dd>
        <dd><a href="#">退换货说明</a></dd>
        <dd><a href="#">售后特色服务</a></dd>
        <dd><a href="#">售后服务政策</a></dd>
      </dl>
    </div>
    <div class="item">
      <dl>
        <dt>payment</dt>
        <dd><a href="#">货到付款</a></dd>
        <dd><a href="#">在线支付</a></dd>
        <dd><a href="#">邮政汇款</a></dd>
        <dd><a href="#">发票说明</a></dd>
      </dl>
    </div>
    <div class="item1">
      <div class="title">Qr code</div>
      <div class="code"><img src="/static/index/imgs/ewm.jpg" width="85" height="85" /></div>
      <div class="lxwm">邮箱：guangzhou@whir.net<br />
        电话：020-85575670<br />
        问卷调查<br />
        <a href="#">留言反馈</a></div>
    </div>
  </div>
  <!--版权信息-->
  <div class="foot">
    <div class="copyright">
      <div class="kjnav"><a href="index.html">首页</a> <a href="#">鲜花订购</a> <a href="预约.html">用餐预约</a> <a href="#">花漾咖啡花屋</a> <a href="about.html">关于花房</a></div>
      <div class="copy">Copyright © 2015 HuafangStory. All rights reserved.   Designed by <a href="#">Wanhu</a></div>
    </div>
    <!--分享-->
    <ul class="fx">
      <li><a href="#"><img src="/static/index/imgs/txwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/xlwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/fx.jpg" /></a></li>
    </ul>
  </div>
</div>
<!--左侧导航-->
<div id="leftsead">
  <ul>
    <li><a href="tencent://message/?uin=1234567&Site=test315.nesky.cn&Menu=yes"><img src="/static/index/imgs/qqd.jpg" width="124" height="54"  class="hides"/><img src="/static/index/imgs/qq.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a class="youhui"><img src="/static/index/imgs/zcwx.jpg" width="54" height="54" class="shows" /><img src="/static/index/imgs/wxd.png" width="145" height="288" class="hides"/></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcwbd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcwb.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcmapd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcmap.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a id="top_btn"><img src="/static/index/imgs/fhtbd.jpg" width="124" height="54" class="hides"/><img src="/static/index/imgs/fhdb.jpg" width="54" height="54" class="shows" /></a></li>
  </ul>
</div><!--leftsead end-->


<script type="text/javascript">
$(document).ready(function(){

  $("#leftsead a").hover(function(){
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").show();
    }else{
      $(this).children("img.hides").show();
      $(this).children("img.shows").hide();
      $(this).children("img.hides").animate({marginLeft:'0px'},'slow'); 
    }
  },function(){ 
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").hide('slow');
    }else{
      $(this).children("img.hides").animate({marginLeft:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
    }
  });

  $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

});
</script>

</body>
</html>
